﻿
/* CONCLUSION */

.conclusionIcon {
    margin-right: 25px;
    margin-block-start: 1em;
}

.flex-center {
    display: flex;
    align-items: center;
}

/* CONFIRMATION */

table {
    border-collapse: collapse;
}

td {
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
}

.th-left {
    text-align: left;
    /*color: #aeaeae;*/
    font-size: 0.9em;
    font-weight: 400;
    padding: 5px 0px;
}

.col-res-1 {
    width: 40%;
    color: #666666;
    font-size: 1.1em;
    padding: 15px 0px;
}

.col-res-2 {
    width: 5%;
    text-align: right;
    padding: 15px 0px;
}

.th-footer {
    text-align: left;
    font-size: 1.1em;
    font-weight: 400;
    padding: 15px 0px;
}

/* INPUT BOXES */

.formParameters label {
    color: #666666;
    font-size: 0.9em;
    margin-top: 15px;
}

.formParameters input, .formParameters select, .formParameters textarea {
    background-color: #eaeaea;
    border: 0;
    border-radius: 5px;
    font-size: 1.1em;
    color: #666666;
    padding: 8px;
}

.curso-formando__form input:focus, .curso-formando__form select:focus, .curso-formando__form textarea:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

.input-group.date {
    display:table;
}

.formParameters textarea {
    line-height: 1.2em;
    resize: vertical;
}

.formParameters input {
    height: 37px;
}

.formParameters select {
    padding-top: 10px;
    padding-bottom: 9px;
}

.flex {
    display: flex;
}

.flex-column {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.half-size {
    width: 50%;
}

.quarter-size {
    width: 25%;
}

.formParameters {
    display: flex;
    flex-direction: column;
}

/* CONFIRMATION LABELS */

.confirmation label {
    color: #aeaeae;
    font-size: 0.9em;
}

/* CHECKBOXES */

.checkboxes label {
    color: #666666;
    font-size: 1.1em;
    cursor: pointer;
    margin-top: 5px;
}

.checkboxes input {
    height: auto;
    cursor: pointer;
    margin: 0px 15px 0px 10px;
}

.checkboxes {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    cursor: pointer;
    margin-top: 15px;
}

/* REGISTRATION STYLES */

.eventSubtitle {
    font-size: 1.1em;
    font-weight: bold;
    color: #e28d25;
}

.titleDetails {
    font-size: 1.1em;
    font-weight: bold;
}

.headerDetails {
    display: flex;
    justify-content: space-between;
    color: #2c4e5b;
}

.participantDetails {
    margin-top: 35px;
    margin-bottom: 35px;
    padding: 15px;
    border-top: 1px solid #2c4e5b;
    border-bottom: 1px solid #2c4e5b;
    background-color: #fafafa;
}

.contentDetails {
    margin-top: 15px;
    padding: 0px 15px 25px 15px;
}

.hide {
    display: none !important;
}

/* PATH TO COMPLETION */


.fa-chevron-right {
    color: #eaeaea;
}

    .fa-chevron-right.active {
        color: #2c4e5b;
    }

.step {
    font-size: 1.1em;
    color: #2c4e5b;
}

.disabled {
    color: #eaeaea;
}

.step:hover:not(.disabled) {
    color: #e28d25;
    cursor: pointer;
}

.active {
    color: #e28d25;
}

.pathToCompletion {
    display: flex;
    justify-content: space-between;
}

/* BANNER */

.eventBanner {
    margin-bottom: 50px;
    width: 100%;
    height: 275px;
    background-color: #eaeaea;
}

/* BUTTONS */

.selectButton {
    text-align: center;
    cursor: pointer;
    padding: 0.5em;
    border-radius: 5px;
    width: 37px;
    height: 37px;
    line-height: 28px;
}

.groupButtons {
    display: flex;
}

.navigationButtons {
    display: flex;
    justify-content: space-between;
}

.mainBtn, .secBtn, .altBtn, .addBtn {
    font-size: 1.1rem;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    padding: 0.5em;
    border: 0;
    border-radius: 5px;
    width: 180px;
    display: inline-block;
}

@media only screen and (max-width: 747px) {
    .mainBtn {
        width: 100%;
    }
    .w-250-adapt {
        width: 100% !important;
    }
    .mr-25-adapt {
        margin-right: 0px;
    }
}

.addBtn {
    color: #2c4e5b;
    background-color: #ffffff;
    border: 1px solid #2c4e5b;
}

.altBtn {
    color: #aeaeae;
    background-color: #ffffff;
    border: 1px solid #aeaeae;
}

.secBtn {
    color: #ffffff !important;
    background-color: #aeaeae;
    border: 1px solid #aeaeae;
}

.mainBtn, .selectButton {
    color: #ffffff !important;
    background-color: #2c4e5b;
    border: 1px solid #2c4e5b;
}

    .mainBtn:hover, .secBtn:hover, .altBtn:hover, .addBtn:hover, .selectButton:hover {
        background-color: #e28d25;
        border: 1px solid #e28d25;
    }

.altBtn:hover, .addBtn:hover {
    color: #ffffff !important;
}

.w-250 {
    width: 250px;
}
.w-250-adapt {
    width: 250px;
}

.w-150 {
    width: 150px;
}

.w-120 {
    width: 120px;
}

/* EVENT MAIN STYLES */

.eventTitle, .eventSynopsis, .eventTimeline, .eventModerator {
    color: #666666;
}

.eventFiles {
    margin-bottom: 50px;
}

.eventAttachments {
    font-size: 1.5em;
    font-weight: 600;
    letter-spacing: 1px;
    color: #e28d25;
    margin-top: 50px;
}

.eventModerator {
    background-color: #eaeaea;
    text-align: center;
    margin-bottom: 25px;
}

.eventParticipant {
    color: #999999;
}

.eventLecture {
    font-weight: 600;
    font-size: 1.2em;
    letter-spacing: 1px;
}

.eventTopic > p {
    /*margin-block-start: 0.5em;*/
    margin-block-end: 0.5em;
}

.eventHours {
    font-size: 1.1em;
    text-align: right;
    min-width: 105px;
    margin-right: 2em;
}

.eventTimeline {
    display: flex;
    /*align-items: center;*/
    margin-bottom: 25px;
}

.eventProgram {
    font-size: 1.5em;
    font-weight: 600;
    letter-spacing: 1px;
    color: #e28d25;
    margin-top: 25px;
    margin-bottom: 50px;
}

.eventSchedule {
    display: flex;
    flex-direction: column;
}

.eventDivider {
    border-bottom: 1px dashed #bfbfbf;
    margin-top: 25px;
    margin-bottom: 50px;
}

.eventSynopsis {
    font-size: 1.1em;
    margin-bottom: 25px;
}

.eventDate, .eventTime, .eventPlace {
    color: #999999;
    margin-right: 2em;
}

.eventInfo {
    display: flex;
}
@media only screen and (max-width: 767px) {

    .eventInfo {
        flex-wrap: wrap;
    }
}

.eventInfo > div > span {
    margin-left: 5px;
}

.eventTitle {
    font-size: 1.5em;
    line-height: 1.5;
    margin-bottom: 5px;
}

.eventHeader {
    margin-bottom: 25px;
}

/* MARGIN TOP */

.mt-50 {
    margin-top: 50px;
}

.mt-25 {
    margin-top: 25px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-nolabel {
    margin-top: 40px !important;
}

/* MARGIN BOTTOM */

.mb-100 {
    margin-bottom: 100px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-25 {
    margin-bottom: 25px;
}

/* MARGIN RIGHT */

.mr-25 {
    margin-right: 25px;
}
.mr-25-adapt {
    margin-right: 25px;
}


.mr-15 {
    margin-right: 15px;
}

.mr-10 {
    margin-right: 10px;
}

.input-group-addon {
    border: 0px;
    background-color: #eaeaea;
}

.customInputLabel {
    font-weight:600;
}

.form-group{
    margin-top:0px;
    margin-bottom:5px;
}
/* SET FONT */
* {
    font-family: 'Raleway', sans-serif;
}

/* IMPORTS */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,300,200,100,500,600,700,800,900);
